$mainColor:#ff6344;
.left{
    padding-top:30rpx;
    position: sticky;
    top: 0px;
    max-height:68vh;
    overflow-y:auto;
    width: 215rpx;
    flex-shrink: 0;
    margin-top:30rpx;
    .time{
        background:$mainColor;
        color: #fff;
        min-height: 60rpx;
        display: flex;
        align-items: center;
        width: 180rpx;
        font-size: 28rpx;
        justify-content: center;
        background-color:  fade-out($color: $mainColor, $amount: 0.3);
        margin-top: 20rpx;
        position: relative;
        padding: 10rpx 0;
        .nums{
            width: 40rpx;
            height: 40rpx;
            background-color:#9eeb5c;
            color: #fff;
            position: absolute;
            top: -20rpx;
            right: -20rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100rpx;
            &.all{
                background-color: #ffa;
                color: #000;
            }
        }
        &.cur{
            background-color:  fade-out($color: $mainColor, $amount:0);
        }
    }
}
.tabBars{
    justify-content: center;
    border-radius: 20rpx;
    margin-top: 30rpx;
    overflow: hidden;
    .tabBar{
        width: 260rpx;
        background-color: #fff;
        height: 70rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        .numss{
            width: 40rpx;
            height:40rpx;
            background-color:  $mainColor;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 200rpx;
            color: #fff;
            margin-left: 20rpx;
        }
        &.cur{
            background-color: $mainColor;
            color: #fff;
            border-radius: 20rpx;

            .numss{
                background-color: #fff;
                color: $mainColor;
            }
        }
    }
}
.names{
    background-color: #fff;
    width: 100%;
    margin-top: 0rpx;
    padding: 20rpx;
    justify-content: space-between;
    .nums{
        width: 40rpx;
        height: 40rpx;
        background-color: $mainColor;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 300rpx;
    }
}
.box{
    margin: 0px;
    position: relative;
    .yu{
        position: absolute;
        position: relative;

        left: 0rpx;
        bottom: 0;
        background-color: $mainColor;
        color: #fff;
        border-radius:0px 10rpx 10rpx 10rpx;
        width: 60rpx;
        height: 40rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.lsdd{
    width: 110rpx;
    height: 110rpx;
    background-color: $mainColor;
    position: fixed;
    right: 30rpx;
    bottom: 300rpx;
    color: #fff;
    font-size: 20rpx;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 300rpx;
    zoom: .8;
    .cuIcon-apps{
        font-size: 40rpx;
    }
    &.wdjd{
        bottom: 350rpx;

    }
}